<template>
    <div id='question'>
        <div class="test_bt" v-if="showTitle">
            <span v-if='testNum == 0'>一、单项选择题（本类题共10小题，每小题1.5分，共15分。每小题备选答案中，只有一个符合题意的正确答案。多选、错选、不选均不得分。请使用计算机鼠标在计算机答题界面上点击试题答案备选项前的按钮“○”作答）</span>
            <span v-if='testNum == 1'>二、多项选择题（本类题共10小题，每小题2分，共20分。每小题备选答案中，有两个或两个以上符合题意的正确答案。多选、少选、错选、不选均不得分。请使用计算机鼠标在计算机答题界面上点击试题答案备选项前的按钮“□”作答）</span>
            <span v-if='testNum == 2'>三、判断题（本类题共10小题，每小题1分，共10分。请判断每小题的表述是否正确。每小题答题正确的得1分，答题错误的扣0.5分，不答题的不得分也不扣分。本类题最低得分为零分。请使用计算机鼠标在计算机答题界面上点击试题答案备选项前的按钮“○”作答）</span>
        </div>
        <div id='markarea' class='test_content'>
            <div class='test_num' style="margin-top: 1px;margin-bottom: 1px;"><span style="font-family:黑体;font-size: 14px">
                第 {{testNum+1}} 题&nbsp;&nbsp;&nbsp;&nbsp;</span>
            </div>
            <div class='test_box'>
                <div class='box_title'>
                    {{list[testNum].title}}
                </div>
                <div class='box_content'>
                    <ul v-if='testNum == 0' >
                        <li v-for="(item,index) in list[testNum].options" :key='index'>
                            <input type="radio" name='answer' value='index' :checked='index == radioNum' @click='clickRadio(index)'>
                            <strong style="font-family:宋体">{{item.option}}.</strong>
                            <span>{{item.content}}</span>
                        </li>
                    </ul>
                    <ul v-if='testNum == 1'>
                        <li  v-for="(item,index) in list[testNum].options" :key='index'>
                            <input type="checkbox" name='answer' value='index'  @click='clickcheckbox(index)'>
                            <strong style="font-family:宋体">{{item.option}}.</strong>
                            <span>{{item.content}}</span>
                        </li>
                    </ul>
                    <ul v-if='testNum == 2'>
                        <li  v-for="(item,index) in list[testNum].options" :key='index'>
                            <div class="inputBox">
                                <input type="radio" name='answer' value='index' :checked='index == panduanNum' @click='clickpanduan(index)'>
                            </div>
                            <span>{{item.content}}</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'Question1',
    data(){
        return{
            showTitle:true,
            number:1,
            radioNum:-1,
            panduanNum:-1,
            checkBox:[],
            list:[
                {title:'甲公司某项固定资产已完成改造，累计发生的改造成本为400万元，拆除部分的原价为200万元。改造前，该项固定资产原价为800万元，已计提折旧250万元。不考虑其他因素，甲公司该项固定资产改造后的账面价值为（    ）万元。',options:[{option:'A',content:"750"},{option:'B',content:"751"},{option:'C',content:"752"},{option:'D',content:"753"}],type:'danxuan'},
                {title:'下列关于金融资产后续计量的表述中，正确的有（    ）。',options:[{option:'A',content:"贷款和应收款项应采用实际利率法，按摊余成本计量"},{option:'B',content:"持有至到期投资应采用实际利率法，按摊余成本计量"},{option:'C',content:"交易性金融资产应按公允价值计量，并扣除处置时可能发生的交易费用"},{option:'D',content:"可供出售金融资产应按公允价值计量，并扣除处置时可能发生的交易费用"}],type:'duoxuan'},
                {title:'与收益相关的政府补助如不能合理确定其价值，应按名义金额计入当期损益。（    ）',options:[{option:'A',content:"正确"},{option:'B',content:"错误"}],type:'panduan'}
            ]
        }
    },
    methods:{
        clickRadio(index){
            if(index == this.radioNum){
                this.radioNum = -1
            }else{
                this.radioNum = index;
            }
        },
        clickcheckbox(index){
            if(this.checkBox.indexOf(index) == -1){
                this.checkBox.push(index)
            }else{
                let i = this.checkBox.indexOf(index);
                this.checkBox.splice(i,1);
            }
        },
        clickpanduan(index){
            if(index == this.panduanNum){
                this.panduanNum = -1
            }else{
                this.panduanNum = index;
            }
        }
    },
    props:['type','testNum'],
    watch:{
        testNum(val){
            this.radioNum = -1
        }
    }
}
</script>

<style lang="less" scoped>
// @import url('../assets/css/main.css');
#question{
    margin:8px;
    height:100%;
    .test_bt {
        font-weight: normal;
        color: #333333;
        font-size: 12pt;
        line-height: 1.5;
        padding: 5px;
        margin: 0px;
        text-align: left;
        font-family: '黑体';
        span{
            display:inline-block;
            line-height:25pt;
            margin:0 0 0 24pt;
            text-indent:-24pt;
        }
    }
    .test_content{
        line-height: 1.5;
        border-top: 1px solid #9fb7f7;
        padding: 15px 15px 30px 15px;
        text-align:left;
        color:#000;
        .test_num{
            text-align: left;
        }
        .test_box{
            position: relative;
            width: 100%;
            border: 0px solid #000;
            margin: 10px auto;
            overflow: hidden;
            .box_title{
                line-height: 1.5;
                font-family:'宋体'
            }
            .box_content{
                li{
                    height:30px;
                    .inputBox{
                        width:30px;
                        height:30px;
                        display:inline-block;
                    }
                    span{
                        font-family: '宋体';
                    }
                }
            }
        }
    }
}
</style>
